<template>
    <div>
        <div class="personal-box typebox order">
            <div class="title">
                订单中心
            </div>
            <ul class="typelist">
                <li v-for="(o, i) in typeList" :key="i">
                    <img :src="o.icon" alt="">
                    <p>{{ o.name }}</p>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
export default {
    name: 'WorkspaceJsonMineOrder',

    data() {
        return {
            typeList:[
                {icon: require("@/assets/images/我-全部.jpg"), name: '全部'},
                {icon: require("@/assets/images/我-待支付.jpg"), name: '待支付'},
                {icon: require("@/assets/images/我-已付款.jpg"), name: '已付款'},
                {icon: require("@/assets/images/我-待评价.jpg"), name: '待评价'},
            ]
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="sass" scoped>

</style>